---
title: Product Collections
description: Product collection components built with Tailwind CSS v4. These responsive, customizable layouts are ideal for displaying product groups, categories, and featured items in eCommerce and marketing websites. Optimized for SEO and user experience.
emoji: 🛍
terms:
  - product
  - collection
  - ecommerce
components:
  - { title: 'Simple' }
  - { title: 'Simple with Centered Title' }
  - { title: 'Sort & Layout' }
  - { title: 'Pagination' }
  - { title: 'Filtering (Dropdown)' }
  - { title: 'Filtering (Side)' }
---

# Product Collection Components

<div class="max-w-prose text-pretty">
  These components were originally part of the eCommerce category but have since moved.
</div>

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
